<!DOCTYPE html>
<html lang="en">
  <head>
    <title>video</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
  
    <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
    <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
  </head>
  
  <body>
    <video
      id="my-video"
      class="video-js"
      preload="auto"
      width="640"
      height="264"
      muted
      poster="MY_VIDEO_POSTER.jpg"
    >
      <source src="https://videocdn.didano.com/school863class0channelId3627namenewnewyiban/playlist.m3u8" type="application/x-mpegURL" />
      <!-- <source src="./movie.mp4" type="video/mp4" /> -->
    </video>

    <button onclick="handlePlay()">播放</button>
  
    <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
    <!-- <script src="https://cdn.sc.gl/videojs-hotkeys/0.2/videojs.hotkeys.min.js"></script> -->
    <script>
      let player = videojs('my-video', {}, function onPlayerReady() {
        this.play()
      });
      function handlePlay() {
        player.play()
        player.requestFullscreen()
        // setTimeout(() => {
        //   history.go(0)
        // }, 1000 * 10)
      }
    </script>
  </body>
</html>